/**
 * @description dark-blue 主题模式下的 Element Plus CSS 变量
 * @description 在此查阅所有可自定义的变量：https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss
 * @description 也可以打开浏览器控制台选择元素，查看要覆盖的变量名
 */

/* 基础颜色 */
html.dark-blue {
  --el-color-success: #3ac295;
  --el-color-success: #3ac295;
  --el-color-success-light-3: #6ad2b5;
  --el-color-success-light-5: #9ae3d5;
  --el-color-success-light-7: #caf3f5;
  --el-color-success-light-8: #e2f9fa;
  --el-color-success-light-9: #f2fcfd;
  --el-color-success-dark-2: #0aaf75;

  --el-color-warning: #e27323;
  --el-color-warning-light-3: #f2a373;
  --el-color-warning-light-5: #f7c3c3;
  --el-color-warning-light-7: #fbd3d3;
  --el-color-warning-light-8: #fce3e3;
  --el-color-warning-light-9: #fdf3f3;
  --el-color-warning-dark-2: #b25c1c;

  --el-color-primary-light-9: #041c33;
  --el-color-info: #fff;
  --el-color-info-light-9: #091c32;
  /* text-color */
  --el-text-color-primary: #fff;
  --el-text-color-regular: #fff;
  --el-text-color-secondary: #fff;
  /* --el-text-color-placeholder: #8d9095; */
  /* --el-text-color-disabled: #6c6e72; */
  /* border-color */
  --el-border-color: #223448;
  --el-border-color-light: #414d69;
  --el-border-color-lighter: rgba(255, 255, 255, 0.1);
  --el-border-color-extra-light: #1d2a40;
  /* --el-border-color-dark: #2a3657; 更深 */
  /* --el-border-color-darker: #1a243f; 最深 */
  /* fill-color */
  /* --el-fill-color-darker: #002b6b; */
  /* --el-fill-color-dark: #002b6b; */
  --el-fill-color: #1d2a40;
  --el-fill-color-light: #041c33;
  /* --el-fill-color-lighter: #002359; */
  --el-fill-color-blank: #091c32;
  /* --el-fill-color-extra-light: #001b44; */
  /* bg-color */
  --el-bg-color-page: #020b14;
  --el-bg-color: #061526;
  --el-bg-color-overlay: #031527;
  /* mask-color */
  --el-mask-color: rgba(0, 0, 0, 0.6);
  /* --el-mask-color-extra-light: rgba(0, 0, 0, 0.3); */

  --el-dialog-bg-color: #031527;

  --v3-header-bg-color: #0e233d;
  --v3-tagsview-tag-active-text-color: var(--el-color-primary);
  --v3-tagsview-tag-active-bg-color: : var(--v3-tagsview-tag-bg-color);
  --v3-tagsview-tag-border-color: #2f4054;
  --v3-tagsview-tag-active-border-color: #2f4054;
  --v3-sidebar-border-right: 1px solid #1d2a40;
}
html.dark {
  --el-text-color-primary: #cfd3dc;
  --el-header-bg-color: var(--el-bg-color);
}
html.normal {
  --el-bg-color: #fff;
  --el-text-color-primary: #303133;
  --el-header-bg-color: var(--el-bg-color);
}
/* el-table */
html.dark-blue .el-table {
  --el-table-tr-bg-color: #031527;
}
/* .dark-blue .el-table .el-table__row:hover {
  background: linear-gradient(
    90deg,
    #053056 0%,
    rgba(36, 112, 182, 0.6) 25%,
    #3c94e4 50%,
    rgba(36, 112, 182, 0.6) 75%,
    #053056 100%
  ) !important;
  & > td {
    border-top: 1px solid #3c94e4;
    border-bottom: 1px solid #3c94e4;
  }
} */
/* 菜单 siderbar */
.dark-blue .app-wrapper .sidebar-container .el-menu .el-menu-item.is-active,
.dark-blue .app-wrapper .sidebar-container .el-menu .el-menu-item:hover {
  background: linear-gradient(90deg, #031527 0%, #315584 100%);
}
.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title::before,
.el-menu-item.is-active::before {
  left: auto !important;
  right: 0 !important;
  height: 72% !important;
  top: 14% !important;
}
.dark-blue .el-menu-item {
  transition: color var(--el-transition-duration) !important;
}
/* vxe-table */
.dark-blue .cpi-table {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
  }
  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-corner {
    background-color: #ffffff;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #bfbfbf;
  }
  ::-webkit-scrollbar-thumb:hover,
  ::-webkit-scrollbar-thumb:active {
    background-color: #787878;
  }
}

.dark-blue .el-input__wrapper:hover {
  outline: none;
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
}

.dark-blue .el-input-group__append {
  background-color: #3463a0;
}

.dark-blue .el-button .el-icon {
  color: white;
}
.dark-blue .el-table__header tr {
  background-image: url(@@/assets/images/table-header.png) !important;
  background-color: #041f3a;
  background-repeat: repeat-x;
  background-position: center;
  background-size: 100% 100%;
}
.dark-blue .el-table th.el-table__cell {
  background-color: transparent;
}
.dark-blue .el-table__header-wrapper tr th.el-table-fixed-column--left,
.dark-blue .el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: #041f3a;
}
/* .dark-blue .el-table th.el-table__cell {
  background-color: inherit;
} */

/* .dark-blue .el-table__body-wrapper tr td.el-table-fixed-column--left,
.dark-blue .el-table__body-wrapper tr td.el-table-fixed-column--right,
.dark-blue .el-table__body-wrapper tr th.el-table-fixed-column--left,
.dark-blue .el-table__body-wrapper tr th.el-table-fixed-column--right,
.dark-blue .el-table__footer-wrapper tr td.el-table-fixed-column--left,
.dark-blue .el-table__footer-wrapper tr td.el-table-fixed-column--right,
.dark-blue .el-table__footer-wrapper tr th.el-table-fixed-column--left,
.dark-blue .el-table__footer-wrapper tr th.el-table-fixed-column--right,
.dark-blue .el-table__header-wrapper tr td.el-table-fixed-column--left,
.dark-blue .el-table__header-wrapper tr td.el-table-fixed-column--right,
.dark-blue .el-table__header-wrapper tr th.el-table-fixed-column--left,
.dark-blue .el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: var(--el-bg-color) !important;
} */
